<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>用户登录-租号玩</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" href="css/login/verify.css">
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/login/login.css">
		<link rel="stylesheet" type="text/css" href="css/login/perfectData.css" />
		<script src='js/jquery-1.9.1.js'></script>
		<script src='js/verify.min.js'></script>
		<script src="js/common.js"></script>
		<body>
			<div class="publicTop">
				<div class="publicCenter">
					<a href="index.html" class="publicLogo" title=""><img src="img/logo.png" alt="" /></a>
					<div class="publicLogoY">|专业的账号租赁平台</div>
					<ul class="publicNav">
						<li class="publicNavTxt">
							<a href="help.html" title="帮助中心">帮助中心</a>
						</li>
						<li class="publicNavTxt">
							<a href="register.html" title="用户注册">用户注册</a>
						</li>
						<li class="publicNavTxt">
							<a href="index.html" title="首页">首页</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="clear"></div>
			</div>
			<div id="content">
				<div class='login-wrap'>
					<div class="login-banner">
						<div id="banner-bg">
							<div class="login-inner">
								<div class="login-form">
									<div class="login-block">
										<div class="login-func" style="height:50px;">
											<div class="login-tab login-tab-r" style="height:50px;line-height:50px;">
												<a href="javascript:;" style="height:50px;line-height:50px;">扫码登录</a>
											</div>
											<div class="login-tab login-tab-l cur" style="height:50px;line-height:50px;">
												<a href="javascript:;" style="height:50px;line-height:50px;">账户登录</a>
											</div>
										</div>
										<div class="login-box">
											<div class="form" style="display:block;">
												<form type='formlogin' method='post' id="form2" name="form2" action="">
													<div class="item m-container item-fore1" style="margin-bottom:25px;">
														<label for="loginname" class="login-label"></label>
														<input type="text" id="loginname" name="loginname" autocomplete="off" value="" placeholder="手机号/用户名">
														<span class="clear-btn" style="display:inline;"></span>
													</div>
													<div class="item m-container item-fore2" style="margin-bottom:25px;">
														<label for="loginpwd" class="login-label"></label>
														<input type="password" id="loginpwd" name="loginpwd" autocomplete="off" placeholder="密码">
													</div>
													<div class="item m-container item-fore6" style="margin-bottom:25px;">
														<label for="dealpwd" class="deal-label"></label>
														<input type="password" id="dealpwd" name="dealpwd" autocomplete="off" placeholder="请输入支付密码">
													</div>
													<div class="item m-container item-fore7" style="margin-bottom:25px;">
														<label for="verification" class="login-label"></label>
														<input type="text" id="verification" name="login_sms_code" autocomplete="off" placeholder="请输入手机验证码">
														<input type="text" id="verify-code"  value="获取验证码">
													</div>
													<div class="item m-container item-fore3" style="margin-bottom:25px;">
														<div id="mpanel1">
															<table>
																<tr>
																	<td>
																		<label for="verify_code"></label>
																		<input type="text" id="verify_code" name="verify_code" class="username" onblur="" maxlength="5" style="width:210px" autocomplete="off" placeholder="请输入验证码" />
																	</td>
																	<td>
																		<img id="verify_img" style="width:100px;height:38px ; cursor:pointer" />
																	</td>
																</tr>
															</table>
														</div>
													</div>
													<div class="item item-fore4" style="margin-bottom:20px;">
														<div class="m-unlogin">
															<input id="un-login" type="checkbox" name="un-login" class="un-login">
															<label for="un-login">记住我</label>
														</div>
														<div class="safe">
															<span class="forget-pw-safe">
														<a href="findpassword.html" target="_blank"  style="outline: rgb(109, 109, 109) none 0px;">忘记密码</a>
													</span>
														</div>
													</div>
													<div class="item m-container item-fore5">
														<div class="login-btn">
															<a href="javascript:;" class="btn-img btn-entry" id="loginsubmit">立即登录</a>
														</div>
													</div>
												</form>
											</div>
											<div class="qrcode-login" style="display:none;">
												<div class="qrcode-main">
													<div class="qrcode-img">
														<img id="codeImg" alt="" src="http://pan.baidu.com/share/qrcode?w=150&h=150&url=7e56745b-1129-f7b0-9efc-5ae442d1daea11" />
														<a id="btn" style="display: none" onclick="reload();" title="">
															<p>二维码已失效</p>
															<span style="cursor:pointer;">点我刷新</span>
														</a>
													</div>
													<div class="qrcode-help"></div>
												</div>
												<div class="qrcode-panel">
													<ul>
														<li>扫码二维码</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="coagent">
											<div class="extra-r" style="line-height:30px;font-size:13px;">
												<a href="register.html">立即注册</a>
											</div>
											<div class="clear"></div>
											<div class="thirdLogin">
												<span class="loginLine"></span>
												<span class="loginLineTxt">第三方登录</span>
												<span class="loginLine"></span>
												<div class="clear"></div>
											</div>
											<ul style=" width:70%;padding:0 15%;">
												<li style="display:inline-block;width:50px;margin:0 10px;">
													<a class="u-qq">
														<img src="images/infor_21.png" width="50" />
													</a>
												</li>
												<li style="display:inline-block;width:50px;margin:0 10px;">
													<a class="u-wechat">
														<img src="images/infor_25.png" width="50" />
													</a>
												</li>
												<li style="display:inline-block;width:50px;margin:0 10px;">
													<a class="u-alipay">
														<img src="images/infor_17.png" width="50" />
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--底部-->
			<div class="publicBottom">
				<div class="publicBottomB">
					<div class="publicBox">
						<ul class="publicBCenter">
							<li class="publicBNav">
								<a href="index.html" title="首页">首页</a>
							</li>
							<li class="publicLine"></li>
							<li class="publicBNav">
								<a href="zuhaowan.html" title="租号大厅">租号大厅</a>
							</li>
							<li class="publicLine"></li>
							<li class="publicBNav">
								<a href="tiyanlist.html" title="一元租号">一元租号</a>
							</li>
							<li class="publicLine"></li>
							<li class="publicBNav">
								<a href="dianpusearch.html" title="商家店铺">商家店铺</a>
							</li>
							<li class="publicLine"></li>
							<li class="publicBNav">
								<a href="help.html" title="帮助中心">帮助中心</a>
							</li>
							<li class="publicLine"></li>
							<li class="publicBNav">
								<a href="news.html" title="新闻中心">新闻中心</a>
							</li>
							<li class="publicLine"></li>
							<li class="publicBNav">
								<a href="about.html" title="关于我们">关于我们</a>
							</li>
							<li class="publicLine"></li>
							<li class="publicBNav">
								<a href="contactus.html" title="联系我们">联系我们</a>
							</li>
							<li class="clear"></li>
							<li class="publicBTxt">由安徽省刀锋网络科技有限公司 维护制作 皖ICP备16024239号-1</li>
						</ul>
						<div class="erweima">
							<a href="javascript:;" class="erPublic">
								<img src="images/erPhone_03.png" />
								<div class="erTxt">手机端下载</div>
							</a>
							<div class="erImg">
								<img src="images/android2.png" />
								<span></span></div>
						</div>
						<div class="erweima">
							<a href="javascript:;" class="erPublic">
								<img src="images/erwbo_05.png" />
								<div class="erTxt">新浪微博</div>
							</a>
							<div class="erImg"><img src="images/weiboewm.jpg" /><span></span></div>
						</div>
						<div class="erweima">
							<a href="javascript:;" class="erPublic">
								<img src="images/erwei_07.png" />
								<div class="erTxt">官方微信</div>
							</a>
							<div class="erImg">
								<img src="images/weixinewm2.png" />
								<span></span></div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<script>
				$(function() {
					$(".erweima").hover(function() {
						$(this).children(".erImg").show();
					}, function() {
						$(".erImg").hide();
					});
				});
			</script>
			<script>
				//判断是否为移动端
				//设置用户名文本框获取焦点
//				function getFocus() {
//					document.form2.loginname.focus();
//				}
//				$(function() {
//					getFocus();
//
//					$(".right_ceter1").focus(function() {
//						$(this).addClass("focus1");
//					}).blur(function() {
//						$(this).removeClass("focus1");
//					});
//					$(".right_ceter2").focus(function() {
//						$(this).addClass("focus2");
//					}).blur(function() {
//						$(this).removeClass("focus2");
//					});
//
//					$("form[name='form2']").keydown(function(e) {
//						var ev = document.all ? window.event : e;
//						if(ev.keyCode == 13) {
//							login(); // 回车登陆
//						}
//					});
//				});

				/*localStorage存储*/
				//set存入
//				function setStorage(key, value) {
//					localStorage.setItem(key, value);
//				}
//				//get读取
//				function getStorage(key) {
//					var val = localStorage.getItem(key); //获取存储对象
//					if(val == 'NaN' || val == null) {
//						return 0;
//					} else {
//						return val;
//					}
//				}
				//remove删除存储
//				function removeStorage(key) {
//					localStorage.removeItem(key);
//				}
				/*localStorage存储end*/
//				function login() {
//					if($('#loginname').val() == '') {
//						layer.msg('请输入手机号或用户名！', {
//							time: 1000
//						});
//						$('#loginname').focus();
//						return false;
//					} else if($('#loginpwd').val().length == '') {
//						layer.msg('请输入密码！', {
//							time: 1000
//						});
//						$('#loginpwd').focus();
//						return false;
//					}
//					if(!isVerifyNull()) {
//						layer.msg("请输入验证码");
//						return false;
//					}
//					$("#loginsubmit").unbind("click").text("登录中……");
//					$username = $('input[name="loginname"]');
//					$pas = $('input[name="loginpwd"]');
//					var Storagekey = $username.val();
//					$("form[name='form2']").ajaxSubmit(function(rst) {
//						var data = rst;
//						var urlItem = getUrlValue();
//						if(urlItem['bbs'] == 1) {
//							data.url = 'http://club.zuhaowan.com';
//						}
//						if(data.status == "1") {
//							removeStorage(Storagekey);
//							layer.msg(data.message, {
//								time: 2000
//							}, function() {
//								location.href = data.url;
//							});
//						} else if(data.status == "4") {
//							removeStorage(Storagekey);
//							layer.alert(data.message, {
//								btn: ['确定'], //按钮
//								closeBtn: 0
//							}, function() {
//								location.href = data.url;
//							});
//						} else if(data.status == '5') {
//							$("#loginsubmit").click(function() {
//								login();
//							}).text("立即登录");
//							layer.msg(data.message, {
//								time: 1500
//							});
//							//密码错误保存次数
//							//获取最多出错次数
//							var errorMax = data.errorMax;
//							//获取出错次数
//							var er = parseInt(getStorage(Storagekey));
//							var count = er + 1;
//							setStorage(Storagekey, count);
//							if(count > 6 && count < errorMax) {
//								switchVerifyCode();
//								layer.msg("你的密码输入次数已达" + count + "次,超出" + errorMax + "次将限制登陆!", {
//									time: 3000
//								});
//							}
//							switchVerifyCode();
//						} else if(data.status == "0") {
//							$("#loginsubmit").click(function() {
//								login();
//							}).text("立即登录");
//							switchVerifyCode();
//							layer.msg(data.message, {
//								time: 2000
//							});
//						} else if(data.status == '2') {
//							$("#loginsubmit").click(function() {
//								login();
//							}).text("立即登录");
//							$('.form').addClass('abnormal');
//							$('.item-fore6').addClass('cur');
//							layer.msg(data.message);
//							$paypas = $('input[name="dealpwd"]');
//							$('input[name="verifyCode"]').val('');
//							if($paypas.length == 0) {
//								layer.msg("请输入交易密码");
//							}
//						} else if(data.status == '3') {
//							$("#loginsubmit").click(function() {
//								login();
//							}).text("立即登录");
//							$('.form').addClass('abnormal');
//							$('.item-fore7').addClass('cur');
//							layer.msg(data.message);
//							$phonecode = $('input[name="login_sms_code"]');
//							$('input[name="verifyCode"]').val('');
//							if($phonecode.length == 0) {
//								$str =
//									'<input type="text" name="phoneCode" class="right_ceterz" value="" maxlength="6" placeholder="请输入短信验证码" style="width:120px;display:inline-block;"/><input class="vcode" checked="checked" type="button" name="sendSmsCode" onclick="getSmsCode(this)" value="获取短信验证码">';
//								$pas.after($str);
//							}
//						} else {
//							switchVerifyCode();
//							layer.msg("登陆失败,请稍后再试!", {
//								time: 2000
//							});
//						}
//					});
//				}
				//发送短信
//				var cdd = null;
//				function getSmsCode(obj) {
//					$username = $('input[name="loginname"]').val();
//					var url = "/Login/getLoginSMS.html";
//					var req = {
//						username: $username
//					};
					//$(obj).prop("disabled", true); // 设置按钮不可用
//					$.get(url, req, function(rst) {
//						var data = eval(rst);
//						if(data.status == "3") {
//							layer.msg(data.message);
//							$('#verify-code').prop("disabled", false); // 设置按钮可用
//							clearInterval(cdd);
//						} else if(data.status == "1") {
//							$('#verify-code').prop("disabled", true); // 设置按钮不可用
//							cdd = setInterval(function() {
//								countDown2();
//							}, 1000);
//							layer.msg(data.message);
//						} else {
//							$('#verify-code').prop("disabled", false); // 设置按钮可用
//							layer.msg(data.message);
//							clearInterval(cdd);
//						}
//					});
//				}
				//计时器
//				var smsExpire = 60;
//				function countDown2(obj) {
//					$("#verify-code").val("重新发送(" + smsExpire + "s)").prop("disabled", true);
//					smsExpire--;
//					if(smsExpire < 0) {
//						smsExpire = 60;
//						$("#verify-code").val("重新发送").prop("disabled", false);
//						clearInterval(cdd);
//					}
//				}
				/** 切换验证码 **/
//				$("#verify_img").click(function() {
//					switchVerifyCode();
//				});
//				function switchVerifyCode() {
//					$("#verify_img").attr("src", "/Login/verifyGenerate.html?t=" + new Date().getTime());
//					$("#verify_code").val("");
//				}
//				function isVerifyNull() {
//					var verify_code = $("#verify_code").val();
//					if(verify_code == null || verify_code == '') {
//						return false;
//					} else {
//						return true;
//					}
//				}
			</script>
			<script type="text/javascript">
//				var cd = 0;
//				var n = "60";
//				var sec = parseInt(n);
//				var t = 1;
//				var code = "7e56745b-1129-f7b0-9efc-5ae442d1daea11";
//				var isReq = true;
//				cd = setInterval('countDown()', 2000);
//				function countDown() {
//					sec--;
//					t++;
//					$("#timer").text(sec);
//					if(sec <= 0) {
//						clearInterval(cd);
//						$("#codeImg").removeAttr('src');
//						$("#btn").removeAttr('style');
//					}
//					if(isReq) {
//						getRes();
//					}
//				}
//				function getRes() {
//					var url = "/login/codeLoginCallback?t=" + t + '&code=' + code;
//					$.get(url, function(data) {
//						if(data.status == 1) {
//							layer.msg(data.message, {
//								time: 2000
//							});
//							window.location.href = data.url;
//						}
//					}, 'json');
//				}
//				function reload() {
//					window.location.reload(true);
//				}
//				function getUrlValue() {
//					var aQuery = window.location.href.split("?"); //取得Get参数
//					var aGET = new Array();
//					if(aQuery.length > 1) {
//						var aBuf = aQuery[1].split("&");
//						for(var i = 0, iLoop = aBuf.length; i < iLoop; i++) {
//							var aTmp = aBuf[i].split("="); //分离key与Value
//							aGET[aTmp[0]] = aTmp[1];
//						}
//					}
//					return aGET;
//				}
			</script>
			<script>
				$('.login-func div').hover(function() {
					$(this).addClass('cur').siblings().removeClass('cur');
				});
				//账户登录
				$('.login-tab-l').hover(function() {
					res();
					$('.login-box .form').show();
					$('.login-box .qrcode-login').hide();
					isReq = false;
				});
				//扫码登录
				$('div.login-tab-r').hover(function() {
					move();
					$('.login-box .form').hide();
					$('.login-box .qrcode-login').show();
					isReq = true;
				});
				//清空用户输入的数据
				$('.clear-btn').click(function() {
					$('#loginname').val('');
				});
				$('.qrcode-main').hover(function() {
					move();
				}, function() {
					res();
				});
				function move() {
					$('.qrcode-img').stop().animate({
						marginLeft: '-185.5' + 'px'
					}, 500, 'swing', function() {
						$('.qrcode-help').stop().fadeIn(500);
					});
				}
				function res() {
					$('.qrcode-help').stop().fadeOut(0, 'swing', function() {
						$('.qrcode-img').stop().animate({
							marginLeft: '-91.5' + 'px'
						}, 500);
					});
				}
				$('#loginsubmit').on('click', function() {
					login();
				});
				$(function() {
					var searchcomefromid = parseInt(0);
					//!(typeof(a) == "undefined")
					if(searchcomefromid) {
						//设置带有过期时间的localStorage
						var objlocal = window.localStorage;
						objlocal.removeItem("searchcomefromid");
						objlocal.removeItem("searchcomefromidtime");
						var curTime = new Date().getTime();
						objlocal.setItem("searchcomefromid", searchcomefromid);
						objlocal.setItem("searchcomefromidtime", curTime);
					}
				});
			</script>
		</body>
</html>